/* 1. Hook 本质上也是一个函数式组件，但是组件有了类组件中的状态和生命周期，
  也有React其它的特性
*/
import { useState } from 'react';
function App() {
  let [num, setNum] = useState(0);
  let [obj, setObj] = useState({ name: 'TT' });

  return (
    <div>
      <h1>App 组件</h1>
      <h2>{num}</h2>
      <h3>{obj.name}</h3>
      <button
        onClick={() => {
          setNum(num + 1);
        }}
      >
        修改数字
      </button>
    </div>
  );
}
export default App;
